<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/flex.css">
</head>
<body>
    
    <div class="head">
        
        <div class="first">
            <div class="w"><img src="D:\pic/03.png" alt=""></div>
        </div>
        <div class="a">
        <div class="second">
          
                <div class="left">
                    <span>首页</span>
                    <span>景观</span>
                    <span>谈资</span>
                    <span>作者</span>
                    <span>大讲堂</span>
                    <span>活动</span>
                    <span>商城</span>
                </div>
                <div class="right">
                    <span>app</span>
                    <span>投稿</span>
                    <span>登录</span>
                </div>



            </div>   
        </div>
    </div>


    <div class="body w">
        <div class="left">
            <div class="top">
                <div class="first">
                    <div class="item1">征稿</div>
                    <div class="item2">CONTRIBUTIONS</div>
                </div>
                <div class="second">
                    <div class="item">
                        <div class="topitem">极简</div>
                        <div class="bottomitem"><img src="D:\pic/04.png" ></div>
                        
                    </div>
                    <div class="item">
                        <div class="topitem">美食</div>
                        <div class="bottomitem"><img src="D:\pic/05.png" ></div>
                    </div>
                    <div class="item">
                        <div class="topitem">烟雾</div>
                        <div class="bottomitem"><img src="D:\pic/06.png" ></div>
                    </div>
                </div>
            </div>
            <div class="bottom">
                <div class="first">
                    <div class="item1">景观</div>
                    <div class="item2">LANDSCAPE</div>
                </div>
                <div class="second">
                    <div class="item "><img src="D:\pic/18.png" ></div>
                    <div class="item "><img src="D:\pic/19.png" ></div>
                    <div class="left">
                        <div class="item"><img src="D:\pic/20.png" ></div>
                        <div class="item"><img src="D:\pic/21.png" ></div>
                    </div>
                    <div class="right">
                        <div class="item5"><img src="D:\pic/22.png" ></div>
                        
                    </div>
                    
                    
                </div>
            </div>
        </div>


        <div class="right">
            <h3 class="title">寻找中国最美景观拍摄点</h3>
            <div class="top">
                <div>杂志：</div>
                <div class="item1">
                    <div class="item"><img src="D:\pic/07.png" alt=""></div>
                    <div class="item"><img src="D:\pic/08.png" alt=""></div>
                    <div class="item"><img src="D:\pic/09.png" alt=""></div>
                </div>
            </div>
            <div class="bottom">
                <div>活动：</div>
                <div class="item2">
                    <div class="item"><img src="D:\pic/10.png" alt=""></div>
                    <div class="item"><img src="D:\pic/11.png" alt=""></div>
                    <div class="item"><img src="D:\pic/12.png" alt=""></div>
                    <div class="item"><img src="D:\pic/13.png" alt=""></div>
                    <div class="item"><img src="D:\pic/14.png" alt=""></div>
                    <div class="item"><img src="D:\pic/15.png" alt=""></div>
                    <div class="item"><img src="D:\pic/16.png" alt=""></div>
                    <div class="item"><img src="D:\pic/17.png" alt=""></div>
                    
                </div>
            </div>
        </div>
    </div>

</body>
</html>